<template>
	<!-- 健康分析 -->
	<view class="healthanalysis">
		<view class="fxbgimgbanner">
			<image class="fxbgimg" :src="photo_cdn+'/zpupload/static/gene/fxbgimg.png'" ></image>
			<view class="fxbgimgbanner_body">
				<image class="fxiocns" :src="photo_cdn+'/zpupload/static/gene/fxiocns.png'" mode="/"></image>
				<view class="jkfx_text">健康分析</view>
				<view class="jkfx_con">从基因的视角检测你的健康。</view>
			</view>
		</view>
		<view class="healthanalysis_main">
			<view class="tabbarnav flex ali-c jus-a">
				<view v-for="(item,index) in tabbardata" :key="index" class="tabbarnav_item " :class="{actives:tabactive==item.value}" @tap="taggletab(item.value)">{{item.name}}</view>
				
			</view>
			
			<view class="cell_form_list">
				<view  v-for="(item,index) in celllistdata" :key="index" class="cell_form_items flex ali-c jus-b">
					<view class="cell_form_left">
						<view class="cell_form_titles">{{item.name}}</view>
						<view class="cell_form_links">查看数据</view>
					</view>
					<view class="cell_form_right">
						<image class="jiantoua" :src="photo_cdn+'/zpupload/static/user/jiantoua.png'" mode=""></image>
					</view>
				</view>
				
				
			</view>
			
			<view class="footers">
				<view class="footerfxbtn">购买基因检测查看你的健康分析</view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script>
	import config from "@/utils/config.js";
	let {photo_cdn} = config.baseUrl;
	export default {
		data(){
			return {
				photo_cdn,
				tabbardata:[
					{name:"身体健康",key:"1",value:"1"},
					{name:"心理健康",key:"2",value:"2"},
					{name:"疾病风险",key:"3",value:"3"},
				],
				tabactive:1,//tab 选中
				celllistdata:[
					{name:"内脏健康",id:1,key:""},
					{name:"器官健康",id:2,key:""},
					{name:"皮肤健康",id:3,key:""},
					{name:"营养健康",id:4,key:""},
					{name:"内脏健康",id:5,key:""},
				]
			}
		},
		onLoad() {
			
		},
		methods:{
			taggletab(val){
				this.tabactive = val;
			}
		}
	}
</script>

<style lang="scss">
	@import "./healthanalysis.scss";
</style>